<template>
  <div class="page">
        <div class="top">
            <p>
                <span class="s1">退回金额</span>
                <span class="s2">15.9元</span>
            </p>
            <p>
                <span class="s1">退回账户</span>
                <span class="s3">微信支付账户</span>
            </p>
            <p>
                <span class="s1">到账时间</span>
                <span class="s3">预计最晚2019年09月18日到账</span>
            </p>
        </div>
        <div class="bottom">
            <div class="drop drop-1"></div>
            <div class="drop drop-2"></div>
            <div class="drop drop-3"></div>
            <div class="line"></div>
            <div class="line line1"></div>
            <h3>退款流程</h3>
            <div class="bottom1">
                <P class="bottom-p1">平台审核通过</P>
                <P class="bottom-p2">15.9元的退款申请已提交至微信</P>
                <p class="bottom-p2">2019-09-15 14:00:35</P>
                <P class="bottom-p1 bottom-p1-2">微信正在处理您的退款</P>
                <P class="bottom-p2">预计微信会在1天内处理完成。</P>
                <P class="bottom-p3">退款入账(微信)</P>
                <P class="bottom-p4">微信会在退款处理完成后2天内入账，将15.9元入账至<br>您的微信账户。</P>
            </div>
        </div>
    </div>
</template>

<script>

export default {
  data () {
    return {
      
      }
    },

  methods: {
   
  },

  created () {
    // let app = getApp()
  }
}
</script>

<style scoped>
        .page {
            width: 100%;
            background-color: #F4F4F4;
            font-family: "Source Han Sans CN";
        }

        .top {
            width: 100%;
            height: 106px;
            background-color: #fff;
        }

        .top p {
            margin-left: 16px;
            margin-top: 15px;
        }

        .s1 {
            font-size: 13px;
            font-weight: 400;
            color: rgba(102, 102, 102, 1);
        }

        .s2 {
            font-size: 13px;
            font-weight: 500;
            color: rgba(50, 177, 108, 1);
            margin-left: 16px;
        }

        .s3 {
            font-size: 13px;
            font-weight: 400;
            color: rgba(44, 44, 47, 1);
            margin-left: 16px;
        }

        .bottom {
            position: relative;
            width: 100%;
            height: 329px;
            background-color: #fff;
            margin-top: 10px;
        }

        .bottom h3 {
            position: absolute;
            left: 16px;
            top: 18px;
            font-size: 13px;
            font-weight: 500;
            color: rgba(44, 44, 47, 1);
        }

        .bottom1 {
            position: absolute;
            left: 37px;
            top: 65px;
            width: 330px;
            height: 230px;
        }

        .bottom-p1 {
            font-size: 13px;
            font-weight: 500;
            color: rgba(50, 177, 108, 1);
            margin-bottom: 8px;
        }

        .bottom-p1-2 {
            margin-top: 39px;
        }

        .bottom-p2 {
            font-size: 13px;
            font-weight: 400;
            color: rgba(102, 102, 102, 1);
            margin-bottom: 5px;
        }

        .bottom-p3 {
            margin-top: 43px;
            margin-bottom: 10px;
            font-size: 13px;
            font-weight: 500;
            color: rgba(163, 165, 168, 1);
        }

        .bottom-p4 {
            font-size: 13px;
            font-weight: 400;
            color: rgba(163, 165, 168, 1);
            line-height: 25px;
        }

        .drop {
            position: absolute;
            width: 9px;
            height: 9px;
            background: rgba(50, 177, 108, 1);
            border-radius: 50%;
        }

        .drop-1 {
            left: 21px;
            top: 70px;
        }

        .drop-2 {
            left: 21px;
            top: 172px;
        }

        .drop-3 {
            left: 21px;
            top: 257px;
            background: rgba(163, 165, 168, 1);
        }

        .line {
            position: absolute;
            top: 74px;
            left: 25px;
            width: 1px;
            height: 99px;
            background: rgba(50, 177, 108, 1);
        }

        .line1 {
            position: absolute;
            height: 86px;
            top: 180px;
            left: 25px;
            background: rgba(163, 165, 168, 1);
        }
    </style>
